<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Vietnam Travelholic</title>
<!-- Le styles -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600' rel='stylesheet' type='text/css'>
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../assets/css/global.css" rel="stylesheet">
    <link href="../assets/css/index.css" rel="stylesheet">
       <link href="../css/register.css" rel="stylesheet">
    <link href="../assets/font/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
<!--     <link href="../assets/css/essential/slider2.css" rel="stylesheet">
    <link href="../assets/css/essential/social-icons.css" rel="stylesheet"> -->

    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="../assets/img/favicon.png">
<!--     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-57-precomposed.png"> -->
<!--    <style type="text/css" id="holderjs-style">.holderjs-fluid {font-size:16px;font-weight:bold;text-align:center;font-family:sans-serif;margin:0}</style> -->
</head>
<body>
<!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <!-- <div class="container"> -->

        <!-- <a class="brand" href="#"><img src="../assets/img/logo.png" width='80px' height='75px'></a> -->
        <div class="navbar navbar-default navbar-static-top">
          <div class="navbar-inner-top">
            <div class="container">
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
            <a class="brand" href="#"><img src="../assets/img/logo.png" width='115px' height='115px'/></a>
            <div class="nav-collapse collapse">
              <ul class="nav">
                <!-- <li class="active"><a href="#">Home</a></li> -->
                <!-- Read about Bootstrap dropdowns at http://twbs.github.com/bootstrap/javascript.html#dropdowns -->
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Đà Nẵng <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Hà Nội</a></li>
                    <li><a href="#">Hải Phòng</a></li>
                    <li class="divider"></li>
                    <!-- <li class="nav-header">Nav header</li> -->
                    <li><a href="#">Huế</a></li>
                    <li><a href="#">Đà Nẵng</a></li>
                    <li class="divider"></li>
                    <li><a href="#">TP. Hồ Chí Minh</a></li>
                    <li><a href="#">Cần Thơ</a></li>
                  </ul>
                </li>
              </ul>
              <ul class="nav pull-right" style="left: 0;">
              <li><a href="register.jsp" data-toggle="modal" data-target="#register">Register</a></li>

                <li><a href="#login" data-toggle="modal" data-target="#myDetail">Login</a></li>
              </ul>
            </div><!--/.nav-collapse -->
            </div>
          </div><!-- /.navbar-inner -->
        </div><!-- /.navbar -->

      <!-- </div> /.container -->
      <div class="navbar navbar-default navbar-static-top">
        <div class="navbar-inner">
          <div class="container">
            <div class="nav-collapse collapse">
              <ul class="nav">
                <li class="current"><a href="#restaurants">Foods</a></li>
                <li><a href="#recipes">Rests</a></li>
                <li><a href="#about">Entertainments</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div><!-- /.navbar-wrapper -->
<div class="modal fade" id="myDetail">

<div class="testbox">
  <h1>Login</h1>

  <form action="/">
      <hr>
    <div class="accounttype">
   
     
    </div>

  <label id="icon" for="name"><i class="icon-envelope "></i></label>
  <input type="text" name="name" id="name email" placeholder="Email" required/>
 
  <label id="icon" for="name"><i class="icon-shield"></i></label>
  <input type="password" name="name" id="name password" placeholder="Password" required/>
   <hr />
        If you don'thave any account, please <a href="#" data-target="#register">Register</a>
        <hr/>
    <a href="#" class="button btn-cancel" data-dismiss="modal" aria-hidden="true">Cancel</a>
  <a href="#" class="button btn-register">Login</a>
   
  </form>
</div>
</div><!-- /.modal -->

<!-- Register --!>
<div class="modal fade" id="register">
 
<div class="testbox">
  <h1>Registration</h1>

  <form action="/">
      <hr>
    <div class="accounttype">
   
     
    </div>

  <label id="icon" for="name"><i class="icon-envelope "></i></label>
  <input type="text" name="name" id="name" placeholder="Email" required/>
  <label id="icon" for="name"><i class="icon-user"></i></label>
  <input type="text" name="name" id="name" placeholder="Name" required/>
  <label id="icon" for="name"><i class="icon-shield"></i></label>
  <input type="password" name="name" id="name" placeholder="Password" required/>
  <div class="gender">
    <input type="radio" value="None" id="male" name="gender" checked/>
    <label for="male" class="radio" chec>Male</label>
    <input type="radio" value="None" id="female" name="gender" />
    <label for="female" class="radio">Female</label>
   </div> 
    <a href="#" class="button btn-cancel" data-dismiss="modal" aria-hidden="true">Cancel</a>
  <a href="#" class="button btn-register">Register</a>
   
  </form>
</div>
</div><!-- /.modal -->


    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" href="#">
          <div class="carousel-inner">
            <div class="item">
              <img src="../photos/index/slide-01.jpg" alt="" >
              <div class="container">
                <div class="carousel-caption">
                  <h1>Phở bò</h1>
                  <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                  <!-- <a class="btn btn-large btn-primary" href="#">Sign up today</a> -->
                </div>
              </div>
            </div>
            <div class="item active" href="#">
              <img src="../photos/index/slide-02.jpg" alt="">
              <div class="container">
                <div class="carousel-caption">
                  <h1>Mì quảng</h1>
                  <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                  <!-- <a class="btn btn-large btn-primary" href="#">Learn more</a> -->
                </div>
              </div>
            </div>
            <div class="item">
              <img src="../photos/index/slide-03.jpg" alt="">
              <div class="container">
                <div class="carousel-caption">
                  <h1>Mì ý</h1>
                  <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                  <!-- <a class="btn btn-large btn-primary" href="#">Browse gallery</a> -->
                </div>
              </div>
            </div>
          </div>
          <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
        </div>
      <!-- Search bar
      ================================================== -->
      <div class="search-bar-big">
        <div class='search-bar-big-background'></div>
        <div class='search-bar-big-container'>
            <label class='search-bar-big-label'>Search food places</label>
            <input type="text" id='search-bar-big-textfield' placeholder="Search by restaurant name, locality, cuisine or dish">
            <!-- <button class="btn btn-large btn-primary"><i class="icon-search icon-white"></i></button> -->
            <a href="#"><img src="../assets/img/icon-search.png" class="btn-search-big"></a>
        </div>
      </div>

      <!-- Thumbnail top restaurants
      ================================================== -->
      <div class='container'>
        <img src="../assets/img/img-title-top-restaurants.png">
        <div class="container-fluid">
            <div class="row-fluid">
              <div class="span4">
                <div class="picture"><a href="#" title="Nhà hàng hải sản Quốc Hậu, SDT: 0984315275"><img src="../photos/index/thumbnail-restaurants-1.jpg" alt=""><div style="opacity: 0; display: block;" class="image-overlay-link"></div></a>

                <div class="item-description alt">
                  <h5><a href="#">Restaurant 1</a></h5>
                  <div class='rating-icons'>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                  </p>
                </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture"><a href="#" title="Nhà hàng Bánh bèo"><img src="../photos/index/thumbnail-restaurants-2.jpg" alt=""><div style="opacity: 0; display: block;" class="image-overlay-link"></div></a>

                <div class="item-description alt">
                  <h5><a href="#">Restaurant 2</a></h5>
                  <div class='rating-icons'>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adi
                  </p>
                </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture"><a href="#" title="Quán chay"><img src="../photos/index/thumbnail-restaurants-3.jpg" alt=""><div style="opacity: 0; display: block;" class="image-overlay-link"></div></a>

                <div class="item-description alt">
                  <h5><a href="#">Restaurant 3</a></h5>
                  <div class='rating-icons'>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star-half-o icon-orange"></i>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                  </p>
                </div>
                </div>
              </div>
            </div>
            <div class="row-fluid">
              <div class="span4">
                <div class="picture"><a href="#" title="Restaurant"><img src="../photos/index/thumbnail-restaurants-4.jpg" alt=""><div style="opacity: 0; display: block;" class="image-overlay-link"></div></a>

                <div class="item-description alt">
                  <h5><a href="#">Restaurant 4</a></h5>
                  <div class='rating-icons'>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star-half-o icon-orange"></i>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                  </p>
                </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture"><a href="#" title="Restaurant"><img src="../photos/index/thumbnail-restaurants-5.jpg" alt=""><div style="opacity: 0; display: block;" class="image-overlay-link"></div></a>

                <div class="item-description alt">
                  <h5><a href="#">Restaurant 5</a></h5>
                  <div class='rating-icons'>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star-o icon-orange"></i>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adi
                  </p>
                </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture"><a href="#" title="Restaurant"><img src="../photos/index/thumbnail-restaurants-6.jpg" alt=""><div style="opacity: 0; display: block;" class="image-overlay-link"></div></a>

                <div class="item-description alt">
                  <h5><a href="#">Restaurant 6</a></h5>
                  <div class='rating-icons'>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star icon-orange"></i>
                    <i class="fa fa-star-o icon-orange"></i>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                  </p>
                </div>
                </div>
              </div>
            </div>
        </div>
      <!-- Thumbnail top reviews
      ================================================== -->
        <img src="../assets/img/img-title-top-reviews.png">
        <div class="container-fluid">
            <div class="row-fluid">
              <div class="span4">
                <div class="picture">
                  <div class='row-fluid'>
                    <div class='span6'>
                      <img src="../photos/index/thumbnail-user-1.png">
                    </div>
                    <div class='span4'>
                      <h5><a href="#" style="  color: #f95200;  font-weight: bold;  font-size: medium;">
                      Obama</a></h5>
                      <p><b>159</b> REVIEWS</p>
                      <div class='lastest-review'>
                        <h5>LATEST REVIEW</h5>
                        <h5><a href="#">Restaurant 1</a></h5>
                        <p>2 hours ago</p>
                      </div>
                    </div>
                    <div class="span2" style="margin-top: 100px;">
                      <p style="font-size: smaller; margin-bottom: 0px;">RATED</p>
                      <p><label class='label-rated'>4.0</label></p>
                    </div>
                  </div>

                  <div class="item-description alt">
                    <p>
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                    </p>
                  </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture">
                  <div class='row-fluid'>
                    <div class='span6'>
                      <img src="../photos/index/thumbnail-user-2.jpg">
                    </div>
                    <div class='span4'>
                      <h5><a href="#" style="  color: #f95200;  font-weight: bold;  font-size: medium;">
                      Thuy</a></h5>
                      <p><b>100</b> REVIEWS</p>
                      <div class='lastest-review'>
                        <h5>LATEST REVIEW</h5>
                        <h5><a href="#">Restaurant 6</a></h5>
                        <p>5 hours ago</p>
                      </div>
                    </div>
                    <div class="span2" style="margin-top: 100px;">
                      <p style="font-size: smaller; margin-bottom: 0px;">RATED</p>
                      <p><label class='label-rated'>3.0</label></p>
                    </div>
                  </div>

                  <div class="item-description alt">
                    <p>
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                    </p>
                  </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture">
                  <div class='row-fluid'>
                    <div class='span6'>
                      <img src="../photos/index/thumbnail-user-3.jpg">
                    </div>
                    <div class='span4'>
                      <h5><a href="#" style="  color: #f95200;  font-weight: bold;  font-size: medium;">
                      Tom</a></h5>
                      <p><b>55</b> REVIEWS</p>
                      <div class='lastest-review'>
                        <h5>LATEST REVIEW</h5>
                        <h5><a href="#">Restaurant 3</a></h5>
                        <p>1 hours ago</p>
                      </div>
                    </div>
                    <div class="span2" style="margin-top: 100px;">
                      <p style="font-size: smaller; margin-bottom: 0px;">RATED</p>
                      <p><label class='label-rated'>3.5</label></p>
                    </div>
                  </div>

                  <div class="item-description alt">
                    <p>
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                    </p>
                  </div>
                </div>
              </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
              <div class="span4">
                <div class="picture">
                  <div class='row-fluid'>
                    <div class='span6'>
                      <img src="../photos/index/thumbnail-user-4.jpg">
                    </div>
                    <div class='span4'>
                      <h5><a href="#" style="  color: #f95200;  font-weight: bold;  font-size: medium;">
                      Spider</a></h5>
                      <p><b>50</b> REVIEWS</p>
                      <div class='lastest-review'>
                        <h5>LATEST REVIEW</h5>
                        <h5><a href="#">Restaurant 2</a></h5>
                        <p>6 hours ago</p>
                      </div>
                    </div>
                    <div class="span2" style="margin-top: 100px;">
                      <p style="font-size: smaller; margin-bottom: 0px;">RATED</p>
                      <p><label class='label-rated'>4.0</label></p>
                    </div>
                  </div>

                  <div class="item-description alt">
                    <p>
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                    </p>
                  </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture">
                  <div class='row-fluid'>
                    <div class='span6'>
                      <img src="../photos/index/thumbnail-user-5.jpg">
                    </div>
                    <div class='span4'>
                      <h5><a href="#" style="  color: #f95200;  font-weight: bold;  font-size: medium;">
                      Olivia</a></h5>
                      <p><b>95</b> REVIEWS</p>
                      <div class='lastest-review'>
                        <h5>LATEST REVIEW</h5>
                        <h5><a href="#">Restaurant 4</a></h5>
                        <p>3 hours ago</p>
                      </div>
                    </div>
                    <div class="span2" style="margin-top: 100px;">
                      <p style="font-size: smaller; margin-bottom: 0px;">RATED</p>
                      <p><label class='label-rated'>3.5</label></p>
                    </div>
                  </div>

                  <div class="item-description alt">
                    <p>
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                    </p>
                  </div>
                </div>
              </div>
              <div class="span4">
                <div class="picture">
                  <div class='row-fluid'>
                    <div class='span6'>
                      <img src="../photos/index/thumbnail-user-6.jpg">
                    </div>
                    <div class='span4'>
                      <h5><a href="#" style="  color: #f95200;  font-weight: bold;  font-size: medium;">
                      Bill</a></h5>
                      <p><b>80</b> REVIEWS</p>
                      <div class='lastest-review'>
                        <h5>LATEST REVIEW</h5>
                        <h5><a href="#">Restaurant 3</a></h5>
                        <p>2 hours ago</p>
                      </div>
                    </div>
                    <div class="span2" style="margin-top: 100px;">
                      <p style="font-size: smaller; margin-bottom: 0px;">RATED</p>
                      <p><label class='label-rated'>4.5</label></p>
                    </div>
                  </div>

                  <div class="item-description alt">
                    <p>
                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
                    </p>
                  </div>
                </div>
              </div>
            </div>
        </div>
      </div>



      <!-- FOOTER -->
      <footer>
        <!-- <img src="/assets/img/footer.png" width='100%'> -->
        <div class="container">
            <div class="container-fluid">
              <div class="row-fluid">
                <div class="span4">
                  <div class="footer-button"><label class="btn-footer">Foods</label></div>
                  <div class="footer-button"><label class="btn-footer">Rests</label></div>
                  <div class="footer-button"><label class="btn-footer">Entertainments</label></div>
                </div>
                <div class="span4">
                  <div class='footer-button border-bottom-thin'>
                      <label class="stat-number">10,123</label>
                      <label class="stat-item">restaurants</label>
                      <hr>
                  </div>
                  <div class='footer-button border-bottom-thin'>
                      <label class="stat-number">15,456</label>
                      <label class="stat-item">recipes</label>
                  </div>
                  <div class='footer-button border-bottom-thin'>
                      <label class="stat-number">5,789</label>
                      <label class="stat-item">members</label>
                  </div>
                </div>
                <div class="span4">
                  <div class='footer-button double-height'>
                    <a href='#'><img class='logo pull-right' src="../assets/img/logo.png" width='115px' height='115px'></a>
                    <div class='nav'>
                      <li class="dropdown dropdown-language">
                        <label class='dropdown-icon-language'><i class="fa fa-globe"></i></label>
                        <a href="#" class="dropdown-toggle dropdown-toggle-language" data-toggle="dropdown">English <i class="fa fa-chevron-down" style="
                              position: absolute;
                              left: 0;
                              margin-top: 13px;
                              margin-left: 68%;
                        "></i></i></a>
                        <ul class="dropdown-menu" style="
                            background-color: #f95200;
                            border-radius: 0;
                            left: 0;
                            width: 99.5%;">
                          <li><a href="#">English</a></li>
                          <li><a href="#">Tiếng Việt</a></li>
                        </ul>
                      </li>
                    </div>
                    <div class='nav' style="display: -webkit-box;">
                      <label class='dropdown-icon-social'><i class="fa fa-facebook"></i></label>
                      <label class='dropdown-icon-social'><i class="fa fa-google-plus"></i></label>
                      <label class='dropdown-icon-social'><i class="fa fa-twitter"></i></label>
                    </div>
                  </div>
                  <div class='footer-button'>
                    <label style="
                      font-size: large;
                      margin-top: 45px;
                      text-align: right;
                    ">© 2014 10T 11. IT Faculty. DUT
                    </label>
                  </div>
                </div>
              </div>
            </div>
        </div>
<!--         <p class="pull-right"><a href="#">Back to top</a></p>
        <p>© 2013 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p> -->
      </footer>

    </div><!-- /.container -->



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap.js"></script>
    <script src="../assets/js/main.js"></script>
    <script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>
    <script src="../assets/js/holder.js"></script>

</body>
</html>